layui.use(['form', 'table', 'util'], function () {
    var table = layui.table;
    let form = layui.form
        , util = layui.util;
    tableRender();

    //监听行工具事件
    table.on('tool(test)', function (obj) {
        var data = obj.data;
        //console.log(obj)
        if (obj.event === 'del') {
            layer.confirm('真的删除行么', function (index) {
                //调用Java后台的删除
                // deleteUser(data.id);
                $.ajax({
                    url: '/back/user/delete',//对应的是Java servlet里面的注解地址
                    data: {id: data.id},// 要传递给Java的数据，统一以对象的形式传递{}
                    type: 'post',//对应的是servlet里面的方法,除了查询用get其他都用post
                    dataType: 'json',//java传递到前端的数据统一格式json
                    success: function (res) {// Java后台给前端的返回信息，res就是返回的结果
                        console.log(res);
                        if (res.msg == "error") {
                            layer.msg("删除失败");
                        } else {
                            layer.msg("删除成功");
                            obj.del();
                            layer.close(index);
                            // tableRender();
                        }
                    }
                });

            });
        } else if (obj.event === 'edit') {
            sessionStorage.setItem("productId", data.id);
            xadmin.open('编辑用户', '/html/product/product-update.html', 600, 400);
            // layer.prompt({
            //     formType: 2
            //     , value: data.email
            // }, function (value, index) {
            //     obj.update({
            //         email: value
            //     });
            //     layer.close(index);
            // });
        } else if (obj.event === 'editPass') {
            // xadmin.open('密码修改', '/html/user/member-update-pass.html', 600, 400);
        }
    });
})

function tableRender() {
    layui.use(['form', 'table', 'util'], function () {
        var table = layui.table;
        let form = layui.form
            , util = layui.util;
        //渲染到表格
        table.render({
            elem: '#test'
            , url: '/back/product/findAll'// 后台servlet的注解地址
            , defaultToolbar: ['filter', 'exports', 'print', { //自定义头部工具栏右侧图标。如无需自定义，去除该参数即可
                title: '提示'
                , layEvent: 'LAYTABLE_TIPS'
                , icon: 'layui-icon-tips'
            }]
            , parseData: function (res) { //res 即为原始返回的数据
                console.log(res);
                console.log(res.msg);
                return {
                    "code": res.code, //解析接口状态
                    "msg": res.msg, //解析提示文本
                    "count": res.count, //解析数据长度
                    "data": res.data //解析数据列表
                };
            }
            , title: '用户数据表'
            , cols: [[
                {field: 'id', title: 'ID', width: 80, fixed: 'left', unresize: true, sort: true}

                , {field: 'name', title: '产品名字', width: 80, edit: 'text', sort: true}
                , {field: 'normalPrice', title: '价格', width: 100}
                , {field: 'cuisineName', title: '菜系', width: 100}
                , {field: 'isShow', title: '是否显示', width: 80, templet: '#isShow'}
                , {
                    field: 'isRecommend', title: '是否推荐', width: 100, sort: true, templet: function (d) {
                        return d.isRecommend == 1 ? "是" : "否";
                    }
                }
                , {field: 'imgHref', title: '产品图片', width: 120,templet:'<div><img src="{{d.imgHref}}" width="30" height="30"></div>'}
                , {
                    field: 'whereShow', title: '显示地方', width: 120, templet: function (d) {

                        return changeWhereShow(d.whereShow);
                    }
                }
                , {fixed: 'right', title: '操作', toolbar: '#barDemo', width: 250}
            ]]
            , page: true//开启分页
        });
    });
}

function changeWhereShow(whereShow) {
    let str = '';
    if (whereShow == 1) {
        str = "首页";
    }
    if (whereShow == 2) {
        str = "公司页面";
    }
    if (whereShow == 3) {
        str = "产品页面";
    }
    return str;
}